<?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], ‘gzip’)) ob_start(“ob_gzhandler”); else ob_start(); ?>
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Atlético de Kolkata Fans">
	
    <link rel="icon" type="image/png" href="img/favicon.png"/>

	<!-- Website Title & Description for Search Engine purposes -->
    <title>Atlético de Kolkata Fans | The unofficial fan website of Atlético de Kolkata in the upcoming Indian Super League</title>
    <meta name="description" content="Unofficial fan website of Atlético de Kolkata in ISL. All the news, scores, player profiles,supporters' corner and many more. For the fans, by the fans.">

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/agency.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    <script type="text/javascript">var switchTo5x=true;</script>
	<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
	<script type="text/javascript">stLight.options({publisher: "7477377a-3e77-444b-9e3a-b920b56d8d77", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
		

</head>

<body id="page-top" class="index">

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                                <a class="navbar-brand page-scroll" href="#page-top">AtléticoDeKolkataFans</a>


            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
	                <li>
                        <a class="page-scroll" href="#whoarewe">Who are we</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#volunteer">Volunteer</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header section -->
    <header>
        <div class="container">
            <div class="intro-text">
                <div class="intro-lead-in">The unofficial Fan site of Atlético de Kolkata</div>
                <div class="intro-heading">We'll be launching soon</div>
            </div>               		
			<div class="container">
				
				<div class="row">
					<div class="col-sm-4">
						<a href="#myModal" role="button" class="page-scroll btn btn-xl" data-toggle="modal">Get early access</a>			
									
						<div class="modal fade" id="myModal">
							<div class="modal-dialog">
								<div class="modal-content">
									<div class="modal-header">
										<button class="close" data-dismiss="modal">&times;</button>
										
										<h4 class="subheading">Stay with us</h4>
									</div><!-- end modal-header -->
									<div class="modal-body">
										
										<p>Enter your e-mail id and we'll let you know when we launch</p>
										<p><small class="text-muted">don't worry, we never send <a href="#" data-original-title="Spams are irrtating and unwanted e-mails" rel="tooltip">spam e-mails</a></small></p>
										
										<form class="form-horizontal">
										
											<div class="form-group">
												<div class="col-md-8">
													<input class="form-control" id="inputEmail" placeholder="enter your e-mail" type="email">
												</div>
												<div class="col-md-4">
													<button class="btn btn-block btn-success btn-lg" type="submit">Yes, I'm in</button>
												</div>
											</div>
										</form>
									</div><!-- end modal-body -->						
								</div><!-- end modal-content -->
							</div><!-- end modal-dialog -->
						</div><!-- end myModal -->	
					</div>
	
					<div class="col-sm-4">
					<span class='st_facebook_large' displayText='Facebook'></span>
					<span class='st_twitter_large' displayText='Tweet'></span>
					<span class='st_googleplus_large' displayText='Googleplus'></span>	
					</div>

				
					<div class="col-sm-4">
						<a href="#volunteer" class="page-scroll btn btn-xl">Volunteer</a>		

					</div>
				</div>
			</div>
	            
            <br><br>
        </div>
    </header>
	

    <!-- The story so far section -->
    <section id="story">

        <div class="container">		
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">The story so far</h2>
                    <h3 class="section-subheading text-muted">Scroll down to get a quick view of what happened so far</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <ul class="timeline">
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/story/isl_logo.jpg" alt="Indian Super League logo">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>October 2013 </h4>
                                    <h4 class="subheading">Indian Super League launched</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">The Indian Super League was launched on 21 October 2013 as a top tier football league in India and promised to bring international players to india. This also ushered the mutch needed revolution in Indian football</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/story/adk_logo.jpg" alt="Atlético de Kolkata logo">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>May 2014</h4>
                                    <h4 class="subheading">A team is Born</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">On 7 May 2014 Atlético de Kolkata was unveiled as one of the eight teams in the ISL. The team signed former Atlético Madrid and Liverpool star Luis García. Head coach Antonio López Habas and assistant coach Jose Barreto are in-charge.</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/story/football_1.jpg" alt="football logo">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>October 2014</h4>
                                    <h4 class="subheading">First match</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">Atlético de Kolkata is scheduled to play its first match on 2nd October in Salt Lake stadium in front of the passionate Kolkata fans.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                            <a class="page-scroll" style="color:#FFF" href="#volunteer">
                                <h4>Be Part
                                    <br>Of Our
                                    <br>Story!</h4></a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    
    
	<!-- Who are we Section -->
    <section id="whoarewe" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Who are we</h2>
                    <h3 class="section-subheading text-muted">For the fans, by the fans</h3>
                </div>
            </div>
            <div class="row text-center">
                <div class="col-lg-2"></div>

                <div class="col-lg-8">

                    <p class="text-muted">We are a non profitable, voluntary group of fans of the Atlético de Kolkata football team in the upcoming ISL.<br>We are not affiliated to any organization. </p>
					
					<p class="text-muted">But hey, thats not all!</p>
					
                    <p class="text-muted">We are group of football lovers who offer unconditional support to our team. We hope of Kolkata football to get back to its glory days. We are bunch of people who are turned on on a Saturday night to support there favoritue teams. Our Monday mornings are blue... only if we lost a match on Sunday. We are gold and red, we are green and maroon. We are black and white... but never grey.</p>					
					
					<p class="text-muted">We are you.</p>

					
					
					
                </div>
				<div class="col-lg-2"></div>
            </div>
        </div>
    </section>    

	<!-- Volunteer Section -->
	
	<section id="volunteer">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Volunteer</h2>
                    <h3 class="section-subheading text-muted">Help us to build a fan community</h3>
                    <p class="text-muted">Fill up below form and tell us how you would like to help! </p>		

                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <form name="sentMessage" id="contactForm" novalidate>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Your Name *" id="name" required data-validation-required-message="Please enter your name.">
                                    <p class="help-block text-danger"></p>
                                </div>
                                <div class="form-group">
                                    <input type="email" class="form-control" placeholder="Your Email *" id="email" required data-validation-required-message="Please enter your email address.">
                                    <p class="help-block text-danger"></p>
                                </div>
                                <div class="form-group">
                                    <input type="tel" class="form-control" placeholder="Your Phone *" id="phone" required data-validation-required-message="Please enter your phone number.">
                                    <p class="help-block text-danger"></p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <textarea class="form-control" placeholder="Your Message *" id="message" required data-validation-required-message="Please enter a message."></textarea>
                                    <p class="help-block text-danger"></p>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div class="col-lg-12 text-center">
                                <div id="success"></div>
                                <button type="submit" class="btn btn-primary">Send Message</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>

    <!-- jQuery Version 1.11.0 -->
    <script src="js/jquery-1.11.0.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
    <script src="js/classie.js"></script>
    <script src="js/cbpAnimatedHeader.js"></script>

    <!-- Contact Form JavaScript -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="js/agency.js"></script>

</body>

</html>